﻿<!DOCTYPE html>
<html ng-app="app">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Taaha Chaudhry</title>
    <!-- Favicons -->
    <link rel="shortcut icon" href="~/App/Theme/assets/images/favicon.ico" />
    <link rel="apple-touch-icon" href="~/App/Theme/assets/images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="~/App/Theme/assets/images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="~/App/Theme/assets/images/apple-touch-icon-114x114.png">

    <!-- CSS -->
    <link href="~/App/Theme/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/App/Theme/assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="~/App/Theme/assets/css/flexslider.css" rel="stylesheet" />
    <link href="~/App/Styles/simple-sidebar.css" rel="stylesheet" />
    <link href="~/App/Theme/assets/css/styles-8.css" rel="stylesheet" />

    <!-- Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,200,500,600,700' rel='stylesheet' type='text/css'>

    <!-- JS -->
    <script src="~/App/Theme/assets/js/libs/modernizr.min.js"></script>
</head>
<body data-spy="scroll" data-target="#main-nav" data-offset="200">
    <div data-ng-app="app">
        <div ng-controller="app.LogInController">
            <div class="modal fade" id="loginModal">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                            <h4 class="modal-title">Login</h4>
                        </div>
                        <div class="modal-body">
                            <form>
                                <input type="text" class="form-control" data-ng-model="user.username" placeholder="Username" />
                                <input type="password" class="form-control" data-ng-model="user.password" placeholder="Password" />

                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="button" class="btn btn-primary" data-ng-click="Login()" data-dismiss="modal">Login</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->

            <div class="modal fade" id="passwordModal">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                            <h4 class="modal-title">Change Password</h4>
                        </div>
                        <form name="myForm">
                            <div class="modal-body">
                                <input type="password" class="form-control" data-ng-model="user.OldPassword" placeholder="Current Password" />
                                <input ng-model="user.NewPassword" type="password" class="customtextbox form-control" name="New Password" data-ng-class="{'ng-invalid':myForm.ConfirmPassword.$error.match}" placeholder="New Password" />
                                <input ng-model="user.ConfirmPassword" class="customtextbox form-control" type="password" data-match="user.NewPassword" name="Confirm New Password" placeholder="Confirm Password" />
                                <div data-ng-show="myForm.ConfirmPassword.$error.match">Passwords do not match!</div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                <button class="btn btn-primary" ng-disabled="myForm.ConfirmPassword.$error.match" data-ng-click="newPassword(user)" data-dismiss="modal">Submit</button>
                            </div>
                        </form>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->
            <!--page preloader-->
            <div id="page-loader"><span class="page-loader-gif"></span></div>


            <!-- Main Nav -->
            <div id="main-nav" class="navbar navbar-fixed-top">
                <div class="container">

                    <div class="navbar-header">

                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#site-nav">
                            <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                        </button>

                        <!-- ======= LOGO ========-->
                        <a class="navbar-brand scrollto" href="#home"><img src="App/Theme/assets/images/logo.png" alt="" />Taaha Chaudhry</a>

                    </div>

                    <div id="site-nav" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="sr-only">
                                <a href="#home" class="scrollto">Home</a>
                            </li>
                            <li>
                                <a href="#about" class="scrollto">About Me</a>
                            </li>
                            <li>
                                <a href="#services" class="scrollto">My Skills</a>
                            </li>
                            <li>
                                <a href="#portfolio" class="scrollto">Portfolio</a>
                            </li>
                            <li>
                                <a href="#contact" class="scrollto">Contact Me</a>
                            </li>
                            <li data-ng-show="token && (username=='HTC' || username=='htc')">
                                <a href data-toggle="modal" data-target="#passwordModal">Password</a>
                            </li>
                            <li data-ng-show="token">
                                <a href data-ng-click="Logout()">Logout</a>
                            </li>
                            <li data-ng-hide="token">
                                <a href data-toggle="modal" data-target="#loginModal">Login</a>
                            </li>
                        </ul>
                    </div><!--End navbar-collapse -->
                </div><!--End container -->
            </div><!--End main-nav -->
        </div>
    </div>
    <div>
        @RenderBody()
    </div>
    <!-- scripts -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="~/App/Scripts/assets/js/libs/jquery-1.8.2.min.js">\x3C/script>')</script>

    <script src="~/App/Scripts/angular.min.js"></script>
    <script src="~/App/Scripts/angular-route.min.js"></script>
    <script src="~/App/Theme/assets/js/libs/bootstrap.min.js"></script>
    <script src="~/App/Theme/assets/js/jquery.scrollto.js"></script>
    <script src="~/App/Theme/assets/js/waypoints.min.js"></script>
    <script src="~/App/Theme/assets/js/jquery.masonry.min.js"></script>
    <script src="~/App/Theme/assets/js/jquery.flexslider.min.js"></script>
    <script src="~/App/Theme/assets/js/jquery.backstretch.min.js"></script>
    <script src="~/App/Theme/assets/js/twitterFetcher_v10_min.js"></script>
    <script src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script src="~/App/Theme/assets/js/contact.js"></script>
    <script src="~/App/Theme/assets/js/scripts.js"></script>
    <script src="~/App/Scripts/_main.js"></script>
    <script src="~/App/Scripts/ngMainController.js"></script>

    <script>
        var mapPoint = {
            'lat': 30.2810923,
            'lng': -97.7567238,
            'zoom': 15,
            'infoText': '<p>Austin, TX 78705</p>',
            'linkText': 'View on Google Maps',
            'mapAddress': 'Austin, TX 78705',
            'icon': 'App/Theme/assets/images/pin-dark.png'
        };
    </script>
</body>
</html>
